<template>  
	<view class="nodata">
		<image src="../../static/img/nodata.png" class="nopic" mode="widthFix"></image>
		<view class="tip">{{title}}</view>
		<view class="link" v-if="linkText" @click="goto(link)">{{linkText}}</view>
	</view>  
</template>  
  
<script setup>  
const props = defineProps({
	title:{
		type:String,
		default:"暂无数据"
	},
	linkText:"",
	link:""
});
</script>  
  
<style lang="scss" scoped>  
.nodata{
	text-align: center;
	.nopic{
		width: 200rpx;
		height:128rpx;
		margin: 80rpx auto 30rpx;
	}
	.tip{
		color:#a1a1a1;
		font-size: 30rpx;
	}
	.link{
		margin: 60rpx auto;
		width: 200rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		border-radius: 30rpx;
		background-color: #ffffff;
		border: 1px solid #a1a1a1;
	}
}
</style>